@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family:"Microsoft Yahei"; color:#000; background:url(../images/bodyBg.jpg) repeat; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#9c0d12; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  word-break:break-all; word-wrap:break-word; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color: #fff; }
textarea::-webkit-input-placeholder { color:#fff; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.tgHead{ background:url(../images/navBg.jpg) repeat-x; width:900px; height:40px; position:absolute; z-index:999; left:50%; top:70px; margin-left:-450px; border-radius:5px;}
.tgHead li{ background:url(../images/nav-line.jpg) no-repeat repeat; float:left; width:11.1%; height:40px; text-align:center; display:inline-block;}
.tgHead li:last-child{ background:none;}
.tgHead li:last-child a.far{ color:#ffec4f;}
.tgHead li a.far{ line-height:23px; color:#fff; font-weight:bold; padding-top:7px; display:block;}
.tgHead li.active a.far, .tgHead li:hover a.far{ background-color:#cf1a21; -webkit-box-shadow:inset 0 6px 13px rgba(93,3,3,.35); -moz-box-shadow:inset 0 6px 13px rgba(93,3,3,.35); box-shadow:inset 0 6px 13px rgba(93,3,3,.35);}
.tgHead li .subNav{ position:absolute; left:0; top:100%; padding-top:22px; display:none;}
.tgHead li .subNav:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-top-width:0; border-bottom-color:#fff; position:absolute; top:12px; left:50px;}
.tgHead li .subNav a{ background:#fff; width:113px; line-height:40px; text-align:center; float:left; font-weight:bold; color:#555; border-right:1px #c9c9c9 solid;}
.tgHead li .subNav a:last-child{ border:0; border-radius:0 5px 5px 0;}
.tgHead li .subNav a:first-child{ border-radius:5px 0 0 5px;}
.tgHead li .subNav a:hover { color:#9c0d12; }
.tgHead li:nth-child(3) .subNav{ left:25%;}
.tgHead li:nth-child(4) .subNav{ left:33.5%;}
.tgHead li:nth-child(5) .subNav{ left:auto;}
.tgHead li:nth-child(6) .subNav{ left:auto; right:32%;}
.tgHead li:nth-child(7) .subNav{ left:auto; right:8.5%;}
.tgHead li:nth-child(8) .subNav{ left:auto; right:0%;}


.content { position:fixed; left:0px; top:0px; width:100%; }
.content .page { width:100%; height:100%;  overflow:hidden; position:relative; }
.content .pageBg{ width:100%; height:100%; background-position:center; background-size:cover;}
.content .mouseIco{ background:url(../images/mouseIco.png) no-repeat center bottom; padding-bottom:35px; width:100%; color:#fff; text-align:center; display:block; position:absolute; left:0; bottom:30px; z-index:10; -webkit-animation:mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation:mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}



.tgCourse{ width:100%; height:100%; position:relative; overflow:hidden;}
.tgCourse li{ background-position:center; background-size:cover; width:100%; height:100%; position:relative;}
.tgCourse li .iboxt{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:190px; transition:all 1s; opacity:0; visibility:hidden; transform:translateY(-40px);}
.tgCourse li.swiper-slide-active .iboxt{ opacity:1; visibility:visible; transform:translateY(0);}

.tgProdcut{ width:780px; position:absolute; bottom:0; left:50%; margin-left:-390px; z-index:1; overflow:hidden; padding:0 150px;}


.tgFooter{ background:#fff; padding:35px 0;}
.tgFooter .w{ width:1015px;}
.tgFooter-fuw{ width:360px;}
.tgFooter-fuwTit{ font-size:14px; padding-bottom:15px; position:relative;}
.tgFooter-fuwTit:before{ content:''; background:#bc080b; width:26px; height:2px; position:absolute; left:0; bottom:0;}
.tgFooter-fuwCot{ margin-top:30px;}
.tgFooter-fuwCot a{ width:70px; height:90px; float:left; margin-right:20px; text-align:center; color:#777; padding-top:17px; border:1px #777777 solid; }
.tgFooter-fuwCot a .iconfont{ font-size:25px; display:inline-block; padding-bottom:10px;}
.tgFooter-contact{ width:455px;}
.tgFooter-contact-txt{ font-size:16px; color:#777; line-height:36px; padding-top:20px;}
.tgFooter-contact-txt .tel{ font-size:30px; font-weight:bold;}
.tgFooter-code{ width:190px;}
.tgFooter-code-list{ margin-top:30px;}
.tgFooter-code-list li{ width:65px; text-align:center; float:left;}
.tgFooter-code-list li p{ font-size:12px; color:#777; margin-top:10px;}
.tgFooter-code-list li:last-child{ float:right;}
.tgFooter-copy{ background:#434343; text-align:center; color:#cacaca; padding:8px 0;}
.tgFooter-copy a{ color:#cacaca;}




/**产品中心**/
.pbanner{ width:100%; position:relative;}
.pbanner img{ width:100%; display:block;}
.pbanner-iboxt{ width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:100px; text-align:right; color:#fff; z-index:1;}
.pbanner-iboxt .cn{ font-size:48px; font-weight:bold;}
.pbanner-iboxt .en{ font-size:24px; font-weight:bold; text-transform:uppercase; padding-top:10px;}

.pmain{ padding:55px 0 120px 0;}
.pmain-posit{ text-align:right; font-size:16px; padding-bottom:30px;}
.pmain-posit .iconfont{ color:#aaa; padding-right:20px; font-size:22px; vertical-align:top;}
.pmain-posit .cur{ color:#e6363e;}

.pleft{ width:200px;}
.pleft-logo{ background:#fff; text-align:center; padding:20px 0;}
.pleft-menu{ background:#fff; padding:0 10px;}
.pleft-menu li{ padding:6px 0;  border-bottom:1px #dcdcdc dashed; text-align:center;}
.pleft-menu li a{ line-height:30px; color:#777; font-weight:bold; display:block;}
.pleft-menu li a.active, .pleft-menu li a:hover{ background:#e2381f; color:#fff; border-radius:20px; -webkit-box-shadow:0 9px 16px rgba(81,81,81,.11), inset 0 1px #ffdadb; -moz-box-shadow:0 9px 16px rgba(81,81,81,.11), inset 0 1px #ffdadb; box-shadow:0 9px 16px rgba(81,81,81,.11), inset 0 1px #ffdadb;}

.pleft-tool{ background:#fff; margin-top:30px;}
.pleft-tool .linkA{ display:block; text-align:center; line-height:50px; font-size:18px; color:#777; border-bottom:1px #f5f5f5 solid;}
.pleft-tool .linkA .iconfont{ font-size:28px; display:inline-block; vertical-align:top; color:#9c0d12; margin-right:10px;}
.pleft-tool .code{ text-align:center; padding:25px 0;}
.pleft-tool .code p{ font-size:18px; color:#777; margin-top:15px;}



.pright{ width:960px;}
.pright-about{ background:#fff; padding:50px;}
.pright-about .t{ text-align:center; font-size:24px; font-weight:bold;}
.pright-about .c{ text-align:justify; line-height:36px; padding-top:30px;}
.pright-map{ border:1px #b5b5b5 solid;}

.pproduct-list{ margin-left:-15px;}
.pproduct-list li{ background:#fff; width:calc(33.3% - 15px); margin:0 0 30px 15px; float:left; display:inline-block; transition:all 0.4s; border:1px #dcdcdc solid;}
.pproduct-list li .pic{ overflow:hidden; max-height:308px; overflow:hidden;}
.pproduct-list li .pic img{ width:100%; display:block; transition:all 0.3s;}
.pproduct-list li .tit{ line-height:59px; text-align:center; font-size:18px; border-top:1px #dcdcdc solid; transition:all 0.3s;}
.pproduct-list li:hover{ -webkit-box-shadow: 0 10px 18px rgba(73,73,73,.36); -moz-box-shadow: 0 10px 18px rgba(73,73,73,.36); box-shadow: 0 10px 18px rgba(73,73,73,.36);}
.pproduct-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pproduct-list li:hover .tit{ font-weight:bold; color:#9c0d12;}


.ppage{ text-align:center; font-size:0; padding:40px 0 0 0;}
.ppage a{ background:#fff; line-height:28px; padding:0 14px; color:#777; font-size:18px; display:inline-block; margin:0 5px; vertical-align:top; border:1px #bfbfbf solid;}
.ppage a.active, .ppage a:hover{ background:#e2381f; color:#fff; border-color:#e2381f;}
.ppage .nowpage {background:#e2381f; line-height:28px; padding:0 12px; color:#fff; font-size:18px; display:inline-block; margin:0 7px; vertical-align:top; border:1px #e2381f solid;}



.pnews-list{ margin-left:-15px;}
.pnews-list li{ background:#fff; width:calc(33.3% - 15px); margin:0 0 50px 15px; float:left; display:inline-block; transition:all 0.4s; }
.pnews-list li .pic{ overflow:hidden; max-height:230px; overflow:hidden;}
.pnews-list li .pic img{ width:100%; display:block; transition:all 0.3s;}
.pnews-list li .word{ padding:15px 20px;}
.pnews-list li .word .t{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .d{ display:block; color:#777; margin-top:8px;}
.pnews-list li:hover{ -webkit-box-shadow: 0 10px 18px rgba(73,73,73,.36); -moz-box-shadow: 0 10px 18px rgba(73,73,73,.36); box-shadow: 0 10px 18px rgba(73,73,73,.36);}
.pnews-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pnews-list li:hover .word .d{ color:#9c0d12;}

.pNews-detaTop{ background:#fff; text-align:center; padding:50px 0 25px 0; border-bottom:2px #9c0d12 solid;}
.pNews-detaTop .t{ font-size:24px;}
.pNews-detaTop .c{ margin-top:20px; color:#969696;}
.pNews-detaTop .c span{ padding:0 15px;}
.pNews-detaFix{ background:#fff; font-size:16px; color:#666; padding:30px; line-height:30px; text-align:justify;}